* {
    margin: 0;
    padding: 0;
    /* overflow-x: hidden; */
    /* width: 100%; */
}

#app {
    /* position: fixed; */
    position: absolute;
    width: 100%;
    /* height: 100%; */
    z-index: -900;
    /* background: linear-gradient(to right top, #a8edea, #fed6e3); */
    /* background: linear-gradient(to right bottom, #6190E8, #F2AA9D); */
    /* background-color: black; */
    /* background: url("../img/sea.jpg") center center no-repeat; */
    /* 背景相对于元素内容固定，元素变 背景变 */
    background-attachment: local;
    background-position: center;
    /* 图像不会被重复 (因为背景图像所在的区域将可能没有完全被覆盖). 没有被重复的背景图像的位置是由background-position属性来决定。 */
    background-repeat: no-repeat;
    animation: bganimation 10s infinite;
    background-size: 800%;

    font-family: "Helvetica Neue";
    margin: 0;
    padding: 0;
    /* overflow: auto; */
    overflow-x: hidden;

    /* position: relative; */
    /* z-index: 999; */

    
}


@keyframes bganimation {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}